<template>
  <div class="">
    <div class="header">
      <span
        style="font-family: Arial; font-weight: 700; font-size: 14px; float: left;padding-left:15px;padding-top:2px"
        >{{ title }}</span
      >
      <span style="float: right"><slot name="top"></slot></span>
    </div>
    <div class="content">
      <slot name="bottom"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: "cardTop",
  props: {
    title: null,
  },
};
</script>

<style scoped>
.header {
  color: #4a4a4a;
  height: 50px;
  background: inherit;
  background-color: rgba(243, 243, 243, 1);
  padding: 15px 10px 10px 10px;
}

.content {
  /* border: #e6e6e6 solid 1px; */
  /* margin-top: 0px; */
  /*padding: 0 0 0 10px;*/
  margin-bottom: 2px;
  min-height: 40px;
}
</style>